<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib prefix='c' uri='http://java.sun.com/jsp/jstl/core' %>
<html>
    <head>
    <link href="<c:url value="/resources/homepage.css" />" rel="stylesheet">
    
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Sprint Detail</title>
</head>
<script type="text/javascript">

function EditStoryDetails(id, value)
{
	     window.open("EditStoryDetails.jsp?value="+value+"&id="+id,"Edit Story Details window", 'height=200px width=200px',false);
}

function msg4Close()
{
	var res=confirm("Attention!"
			+"\nIf you close this story then:"
			+"\n* This story will be closed permanantly from the story backlog."
			+"\n* This story's Estimate, Work To Be done (To do) and Actual Done fields will remain as it is."
			+"\n* This story's status will also remain as it is."
			+"\n\nAre you sure you want to close this story ?");
	if(res==true);
	else
		{
			location.href("Backlog.jsp");
		}

}

function msg4Delete()
{
	var res=confirm("Attention!"
			+"\nIf you delete this story then:"
			+"\n* This story will be deleted permanantly from the story backlog."
			+"\n* This story's Estimate, Work To Be done (To do) and Actual Done fields will be cleared"
			+"\n* This story's status will be changed to accepted."
			+"\n\nAre you sure you want to delete this story ?");
	if(res==true);
	else
		{
			location.href("Backlog.jsp");
		}

}

</script>
<body>
<div id="wrapper">
<!-- ============ HEADER SECTION ============== -->
		<div id="header">
			<div id="headerlogo">
				</div>
		</div>
<!-- ============ NAVIGATION SECTION ============== -->
	<div id="menubar">
		
			<ul>
			<li><a href="Project">Projects</a></li>
			<li><a href="Backlog">Backlog</a></li>
			<li><a href="SprintPlanning">Sprint Planning</a>
				</li>
				<li><a href="Storyboard1">Sprint Tracking</a>
				</li>
			<li><a href="#">Reports</a></li>
			<li><a href="logout">Logout</a></li>
			</ul>
	</div>
	
<!-- ============ MIDDLE SECTION ============== -->   
<div id="main">
   <div id="m1">
   <table>
  	<tr>
  		<td>
				<h3>Project Title : Scrum</h3>
				<h3>Sprint Details</h3>
			</td>
			</tr>		
			<tr>
			<td>Sprint Title</td>
			<td>:Sprint 1</td>
			<td></td>
			<td  colspan="4">Progress  <progress max="100" value="80"></progress></td>
			</tr>
			<tr>
			<td>Planned Start Date</td>
			<td>:25-8-2014</td>
			<td></td>
			<td>Planned End Date</td>
			<td>:3-9-2014</td>
			</tr>
			<tr>
			<td>Actual Start Date</td>
			<td>:27-8-2014</td>
			<td></td>
			<td>Actual End Date</td>
			<td>:5-9-2014</td>
			</tr>
			</table>
	</div>


<div id="projectitle">

<h3>Stories</h3>
</div>
		<table summary="This table holds data about the
          		stories in each project.I have included the story title
          		,the story id, the owner,estiamte of the story,project name
          		and edit drop down">
      <tr>
        <th>Story Title</th>
        <th>ID</th>
        <th>Owner</th>
        <th>Estimate</th>
        <th>Priority</th>
        <th>Edit</th>
      </tr>
 <tr>
        <td><a href="StoryDetails">Study Scrum</a></td>
        <td >ID101</td>
        <td ><a href="">Sushma</a></td>
        <td >
        <select name="Story Pts">
        <option  value="1">1</option>					
        <option  value="2">2</option>
        <option  value="3">3</option>
        <option  value="5">5</option>
        <option  value="8">8</option>
        <option  value="13">13</option>
        <option  value="21">21</option>
        </select>
        </td>
        <td >Scrum</td>
        <td >
        <select name="Edit">
								<option value="Edit"
									onclick="EditStoryDetails('ID102','Features of Version 1')">Edit</option>
								<option value="Close" onclick="return msg4Close()">Close</option>
								<option value="Delete" onclick="return msg4Delete()">Delete</option>
								
						</select>
        </td>
      </tr>
      <tr class="cellcolor">
        <td><a href="StoryDetails">Features of Version 1</a></td>
        <td >ID102</td>
        <td ><a href="#">Kalyani</a></td>
        <td >
        <select name="Story Pts">
        <option  value="1">1</option>					
        <option  value="2">2</option>
        <option  value="3">3</option>
        <option  value="5">5</option>
        <option  value="8">8</option>
        <option  value="13">13</option>
        <option  value="21">21</option>
        </select></td>
        <td >Scrum</td>
        <td >
        <select name="Edit">
								<option value="Edit"
									onclick="EditStoryDetails('ID102','Features of Version 1')">Edit</option>
								<option value="Close" onclick="return msg4Close()">Close</option>
								<option value="Delete" onclick="return msg4Delete()">Delete</option>
								
						</select></td>
      </tr>
      <tr>
        <td><a href="StoryDetails">Study Backend</a></td>
        <td >ID103</td>
        <td ><a href="#">Pranav</a></td>
        <td >
        <select name="Story Pts">
        <option  value="1">1</option>					
        <option  value="2">2</option>
        <option  value="3">3</option>
        <option  value="5">5</option>
        <option  value="8">8</option>
        <option  value="13">13</option>
        <option  value="21">21</option>
        </select>
        </td>
        <td >Scrum</td>
        <td >
        <select name="Edit">
								<option value="Edit"
									onclick="EditStoryDetails('ID102','Features of Version 1')">Edit</option>
								<option value="Close" onclick="return msg4Close()">Close</option>
								<option value="Delete" onclick="return msg4Delete()">Delete</option>
								
						</select>
        </td>
      </tr>
      <tr class="cellcolor">
        <td><a href="StoryDetails.jsp">Design UI</a></td>
        <td >ID104</td>
        <td ><a href="#">Riddhi</a></td>
        <td >
        <select name="Story Pts">
        <option  value="1">1</option>					
        <option  value="2">2</option>
        <option  value="3">3</option>
        <option  value="5">5</option>
        <option  value="8">8</option>
        <option  value="13">13</option>
        <option  value="21">21</option>
        </select>
        </td>
        <td >Scrum</td>
        <td >
        <select name="Edit">
								<option value="Edit"
									onclick="EditStoryDetails('ID102','Features of Version 1')">Edit</option>
								<option value="Close" onclick="return msg4Close()">Close</option>
								<option value="Delete" onclick="return msg4Delete()">Delete</option>
								
						</select>
        </td>
      </tr> 
      
      <tr>
        <td><a href="StoryDetails.jsp">Design Database</a></td>
        <td >ID105</td>
        <td ><a href="#">Kalyani</a></td>
        <td >
        <select name="Story Pts">
        <option  value="1">1</option>					
        <option  value="2">2</option>
        <option  value="3">3</option>
        <option  value="5">5</option>
        <option  value="8">8</option>
        <option  value="13">13</option>
        <option  value="21">21</option>
        </select>
        </td>
        <td >Scrum</td>
        <td >
        <select name="Edit">
								<option value="Edit"
									onclick="EditStoryDetails('ID102','Features of Version 1')">Edit</option>
								<option value="Close" onclick="return msg4Close()">Close</option>
								<option value="Delete" onclick="return msg4Delete()">Delete</option>
								
						</select>
        </td>
      </tr>
      <tr class="cellcolor">
        <td><a href="StoryDetails.jsp">Design Usecases</a></td>
        <td >ID106</td>
        <td ><a href="#">Riddhi</a></td>
        <td >
        <select name="Story Pts">
        <option  value="1">1</option>					
        <option  value="2">2</option>
        <option  value="3">3</option>
        <option  value="5">5</option>
        <option  value="8">8</option>
        <option  value="13">13</option>
        <option  value="21">21</option>
        </select>
        </td>
        <td>Scrum</td>
        <td >
        <select name="Edit">
								<option value="Edit"
									onclick="EditStoryDetails('ID102','Features of Version 1')">Edit</option>
								<option value="Close" onclick="return msg4Close()">Close</option>
								<option value="Delete" onclick="return msg4Delete()">Delete</option>
								
						</select>
        </td>
      </tr>
       <tr>
        <td><a href="StoryDetails.jsp">Requirement analysis</a></td>
        <td >ID107</td>
        <td ><a href="#">Dhanashree</a><br><a href="#">Sheron</a></td>
        <td >
        <select name="Story Pts">
        <option  value="1">1</option>					
        <option  value="2">2</option>
        <option  value="3">3</option>
        <option  value="5">5</option>
        <option  value="8">8</option>
        <option  value="13">13</option>
        <option  value="21">21</option>
        </select>
        </td>
        <td >Scrum</td>
        <td >
        <select name="Edit">
								<option value="Edit"
									onclick="EditStoryDetails('ID102','Features of Version 1')">Edit</option>
								<option value="Close" onclick="return msg4Close()">Close</option>
								<option value="Delete" onclick="return msg4Delete()">Delete</option>
								
						</select>
        </td>
      </tr>
      <tr class="cellcolor">
        <td><a href="StoryDetails.jsp">Study Spring framework</a></td>
        <td >ID108</td>
        <td ><a href="#">Mohsin</a></td>
        <td >
        <select name="Story Pts">
        <option  value="1">1</option>					
        <option  value="2">2</option>
        <option  value="3">3</option>
        <option  value="5">5</option>
        <option  value="8">8</option>
        <option  value="13">13</option>
        <option  value="21">21</option>
        </select>
        </td>
        <td >Scrum</td>
        <td >
        <select name="Edit">
								<option value="Edit"
									onclick="EditStoryDetails('ID102','Features of Version 1')">Edit</option>
								<option value="Close" onclick="return msg4Close()">Close</option>
								<option value="Delete" onclick="return msg4Delete()">Delete</option>
								
						</select>
        </td>
      </tr>
      <tr>
        <td><a href="StoryDetails.jsp">Prepare documents</a></td>
        <td >ID109</td>
        <td ><a href="#">Sheron</a></td>
        <td >
        <select name="Story Pts">
        <option  value="1">1</option>					
        <option  value="2">2</option>
        <option  value="3">3</option>
        <option  value="5">5</option>
        <option  value="8">8</option>
        <option  value="13">13</option>
        <option  value="21">21</option>
        </select>
        </td>
        <td >Scrum</td>
        <td >
       <select name="Edit">
								<option value="Edit"
									onclick="EditStoryDetails('ID102','Features of Version 1')">Edit</option>
								<option value="Close" onclick="return msg4Close()">Close</option>
								<option value="Delete" onclick="return msg4Delete()">Delete</option>
								
						</select>
        </td>
      </tr>       </table>
      <div id="projectitle">
      <h3>Tasks</h3>
</div>
	<table>
					<tr>
						<th>STORY_ID
						<th>TASK_ID</th>
						<th colspan="6">TITLE</th>
						<th>OWNER</th>
						<th>ESTIMATE</th>
						<th>STATUS</th>
					</tr>
					<tr>
						<td>ID101</td>
						<td>T_001</td>
						<td colspan="6"><strike>Rough Sketch of UI based on
								Roles </strike></td>
						<td><select name="member">
								<option value="O1">Team Member 1</option>
								<option value="O2">Team Member 2</option>
								<option value="O3" selected="selected">Team Member 3</option>
								<option value="O4">Team Member 4</option>
								<option value="O5">Team Member 5</option>
						</select>
						</td>

						<td>
							
								<select name="estimate">
									<option value="E1">1</option>
									<option value="E2">2</option>
									<option value="E3">3</option>
									<option value="E4" selected="selected">5</option>
									<option value="E5">8</option>
									<option value="E6">13</option>
									<option value="E7">21</option>
								</select>
							
						</td>

						<td>
							
								<select name="status">
									<option value="S1">IN PROGRESS</option>
									<option value="S2">DONE</option>
								</select>
							
						</td>
									</tr>

					<tr class="cellcolor">
						<td>ID102</td>
						<td>T_001</td>
						<td colspan="6"><strike>Decide CSS layout </strike></td>
						<td><select name="member">
								<option value="O1">Team Member 1</option>
								<option value="O2">Team Member 2</option>
								<option value="O3">Team Member 3</option>
								<option value="O4" selected="selected">Team Member 4</option>
								<option value="O5">Team Member 5</option>
						</select>
						</td>

						<td>
							
								<select name="estimate">
									<option value="E1">1</option>
									<option value="E2" selected="selected">2</option>
									<option value="E3">3</option>
									<option value="E4">5</option>
									<option value="E5">8</option>
									<option value="E6">13</option>
									<option value="E7">21</option>
								</select>
							
						</td>

						<td>
							
								<select name="status">
									<option value="S1">IN PROGRESS</option>
									<option value="S2" selected="selected">DONE</option>
								</select>
							
						</td>
						
					</tr>


					<tr>
					<td>ID103</td>
						<td>T_002</td>
						<td colspan="6">Create CSS template</td>
						<td><select name="member">
								<option value="O1" selected="selected">Team Member 1</option>
								<option value="O2">Team Member 2</option>
								<option value="O3">Team Member 3</option>
								<option value="O4">Team Member 4</option>
								<option value="O5">Team Member 5</option>
						</select>
						</td>

						<td>
							
								<select name="estimate">
									<option value="E1">1</option>
									<option value="E2">2</option>
									<option value="E3">3</option>
									<option value="E4" selected>5</option>
									<option value="E5">8</option>
									<option value="E6">13</option>
									<option value="E7">21</option>
								</select>
							
						</td>

						<td>
							
								<select name="status">
									<option value="S1" selected="selected">IN PROGRESS</option>
									<option value="S2">DONE</option>
								</select>
							
						</td>
					</tr>

					<tr class="cellcolor">
					<td>ID104</td>
						<td>T_001</td>
						<td colspan="6">Create jsp pages</td>
						<td><select name="member">
								<option value="O1">Team Member 1</option>
								<option value="O2">Team Member 2</option>
								<option value="O3" selected="selected">Team Member 3</option>
								<option value="O4">Team Member 4</option>
								<option value="O5">Team Member 5</option>
						</select>
						</td>

						<td>
								<select name="estimate">
									<option value="E1">1</option>
									<option value="E2">2</option>
									<option value="E3">3</option>
									<option value="E4">5</option>
									<option value="E5" selected="selected">8</option>
									<option value="E6">13</option>
									<option value="E7">21</option>
			
						</td>

						<td>
							
								<select name="status">
									<option value="S1" selected="selected">IN PROGRESS</option>
									<option value="S2">DONE</option>
								</select>
							
						</td>
					</tr>


				</table>
				</div>
	<div id="footer">
	<p>Copyright &copy; 2014 - All Rights Reserved - Spring Computing Pvt. Ltd.</p>
	</div>
</div>
</body>
</html>